<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>BOM对象</title>
	</head>
	<body>
		<input type="button" value="window测试" onclick="wintest()">
		<input type="button" value="location测试" onclick="locatest()">
		<input type="button" value="location_刷新测试" onclick="locareloadtest()">
		<a href="http://www.baidu.com">百度</a>
		<input type="button" value="history测试之前进" onclick="hisqianjin()">
		<input type="button" value="history测试之后退" onclick="hishoutui()">
		<script type="text/javascript">
			/*
			 BOM对象是指 js主要操作BOM对象，BOM称之为浏览器对象模型，操纵整个页面的
			 只有window可以省略前缀alert();
			1.window对象 2.location对象 3.history对象 4.DOM对象
			*/
			//window对象：
			function wintest(){
				window.alert("我是window alert()方法");
				window.confirm("你确认要删除我吗，我有返回值");
				window.prompt("请输入东西,我有返回值");
				// open(URL,名字，显示窗口参数)
				window.open('http://www.baidu.com','百度','width=400px,height=300px,left=300px,top=200px');
			}
			//location对象
			function locatest(){
				// 属性定义
				location.href = 'http://www.baidu.com';
			}
			function locareloadtest(){
				//事件函数方法响应
				location.reload();//window里也有刷新函数,原理是window可以调度location等其他类型的对象window.location
			}
			//history对象
			function hisqianjin(){
				history.go(1);
				//或者history.forward()虽然也是基于go()函数的
			}
			function hishoutui(){
				history.go(-1);
				//或者history.back()虽然也是基于go()函数的
			}
		</script>
	</body>
</html>
